.container {
  min-height: 800px;
}
.container .bread {
  height: 55px;
  padding-top: 10px;
}
.container .bread span {
  float: left;
  height: 22px;
  line-height: 22px;
  padding: 3px 15px;
}
.container .bread .tags {
  padding: 3px 0 3px 0;
}
.container .bread .tags .tag {
  display: inline-block;
  height: 22px;
  padding: 0px 7px;
  overflow: hidden;
  color: #000;
  background: #f7f7f7;
  line-height: 20px;
  border: 1px solid #dedede;
  overflow: hidden;
}
.tag i {
  display: inline-block;
  vertical-align: middle;
  font: 400 14px tahoma;
  cursor: pointer;
  height: 100%;
  margin-left: 10px;
  padding-bottom: 2px;
}
.tag i:hover {
  color: #e2231a;
}

/*选择属性栏*/
.selector {
  width: 100%;
  min-height: 300px;
  border: 1px solid #ddd;
  margin-bottom: 5px;
  overflow: hidden;
}
.selector .type-row {
  position: relative;
  width: 100%;
  height: 100%;
  border-top: 1px solid #ddd;
  overflow: hidden;
}
.selector .type-row .key {
  position: absolute;
  width: 120px;
  height: 100%;
  background: #f1f1f1;
  text-align: right;
  line-height: 26px;
  padding: 10px 10px 0 15px;
}
.selector .type-row .value {
  width: 1078px;
  float: left;
  overflow: hidden;
  margin-left: 120px;
  margin-bottom: 10px;
  padding: 10px 0 0 15px;
  color: #333;
}
.selector .type-row .value ul {
  float: left;
  width: 970px;
}
.selector .type-row .value ul li {
  float: left;
  padding: 0 10px;
  line-height: 26px;
}
.selector .type-row .value .logos li {
  border: 1px solid #e4e4e4;
  margin: -1px -1px 0 0;
  width: 105px;
  height: 52px;
  text-align: center;
  line-height: 52px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
  color: #e1251b;
  font-style: italic;
  font-size: 14px;
  padding: 0;
}
.selector .type-row .value .more {
  position: absolute;
  right: 5px;
  top: 10px;
}
.selector .type-row .value .more a {
  display: inline-block;
  padding: 0 10px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}
.selector .type-row .value .more .but {
  border: 1px solid #d5d5d5;
}
/*排序方式*/
.sort {
  position: relative;
  width: 100%;
  min-height: 40px;
  background: #fbfbfb;
  border: 1px solid #e2e2e2;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.sort ul {
  position: absolute;
  width: 100%;
  height: 100%;
}
.sort ul li {
  float: left;
}
.sort ul li a {
  display: block;
  line-height: 18px;
  text-align: center;
  padding: 10px 20px;
  margin-right: 5px;
}
.sort ul li .active {
  color: white;
  background-color: #e1251b;
}
.sort ul li .up,
.sort ul li .down {
  position: relative;
}
.sort ul li .up::after,
.sort ul li .down::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 10px;
  line-height: 18px;
}
.sort ul li .up::after {
  content: "↑";
}
.sort ul li .down::after {
  content: "↓";
}
/*商品展示页*/
.goods-list {
  width: 100%;
  height: auto;
}
.goods-list ul li {
  float: left;
  width: 20%;
  height: 100%;
  margin-top: 10px;
  line-height: 28px;
}
.good img {
  width: 100%;
  height: auto;
}
.price {
  padding-left: 20px;
  font-size: 18px;
  color: #c81623;
  font-weight: 700;
  margin: 2px 0;
}
.price em {
  margin-right: -8px;
}
.goods-list ul li > div {
  float: left;
}
.goods-list .title {
  padding-left: 20px;
  width: 85%;
  overflow: hidden;
  margin-bottom: 8px;
  min-height: 38px;
  cursor: pointer;
  line-height: 1.8;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.goods-list .commit {
  padding-left: 20px;
  width: 100%;
  height: 22px;
  font-size: 13px;
  color: #a7a7a7;
  overflow: hidden;
}
.goods-list .commit span {
  font-weight: 700;
  color: #ff3747;
  vertical-align: middle;
}
.buttons {
  padding-left: 20px;
}
.buttons a {
  display: inline-block;
  margin: 12px 15px 12px 0;
  min-width: 85px;
  height: 22px;
  background-color: transparent;
  text-align: center;
  font-size: 12px;
  line-height: 20px;
}
.buttons .into-car {
  border: 1px #e2231a solid;
  color: #e2231a;
}
.buttons .into-car:hover {
  color: white;
  background-color: #e2231a;
}
.buttons .favor {
  border: 1px #a7a7a7 solid;
  color: #a7a7a7;
}
.buttons .favor:hover {
  color: white;
  background-color: #a7a7a7;
}
/*页码*/
.pages {
  margin-top: 18px;
  text-align: center;
}
.pages .pagesbox {
  display: inline-block;
}
.pages ul {
  float: left;
}
.pages li {
  float: left;
}
.pages li a {
  display: inline-block;
  line-height: 38px;
  padding: 0 20px;
  margin: 5px 2px;
  height: 38px;
  background-color: #fff;
  border: 1px solid #e0e9ee;
  font-size: 14px;
}
.pages .prev a,
.pages .next a {
  background-color: #fafafa;
}
.pages .total,
.pages .dotted {
  float: left;
  margin: 5px 2px;
  font-size: 14px;
  line-height: 38px;
  padding: 0 20px;
}
.pages .pagesbox .active a {
  color: #e1251b;
  border: none;
  cursor: default;
}
.pages .pagesbox .disabled a {
  cursor: default;
  color: #999;
}
